﻿<%@ Page Title="" Language="C#" MasterPageFile="~/TestCase.Master" AutoEventWireup="true" CodeBehind="ImageTransformationTests.aspx.cs" Inherits="OpenWaves.Web.Tests.ImageTransformationTests" %>

<asp:Content ID="Content2" ContentPlaceHolderID="TestCasePlaceHolder" runat="server">
    <div>
        <h2>Local image</h2>
        <img src="/Images/local.jpg" />
        <ow:Image runat="server" ImageUrl="/Images/local.jpg" Transformation="ScaleToFill" Width="100" Height="100" ToolTip="toolti / pTest"/>  
        <ow:Image runat="server" ImageUrl="/Images/local.jpg" Transformation="ScaleDownToFill" Width="50" Height="100" ToolTip="toolti / pTest"/>      
        <ow:Image runat="server" ImageUrl="/Images/local.jpg" Transformation="Stretch" Width="100" Height="200" />          
    </div>

    <div>
        <h2>Local image with space in the file name</h2>
        <img src="/Images/Copy%20of Local.jpg" />
        <ow:Image runat="server" ImageUrl="/Images/Copy%20of Local.jpg" Transformation="ScaleToFill" Width="100" Height="100" />       
        <ow:Image runat="server" ImageUrl="/Images/Copy%20of Local.jpg" Transformation="Stretch" Width="100" Height="200" />  
    </div>
    
     <div style="background-color: Silver">
        <h2>White square</h2>
        <img src="/Images/WhiteSquare.png" />
        <ow:Image runat="server" ImageUrl="/Images/WhiteSquare.png" Transformation="ScaleToFill" Width="80" Height="80" />       
        <ow:Image runat="server" ImageUrl="/Images/WhiteSquare.png" Transformation="ScaleToFit" Width="300" Height="300" />  
    </div>
    
     <div style="background-color: Silver">
        <h2>White square with lines</h2>
        <img src="/Images/WhiteSquareWithLines.png" />
        <ow:Image runat="server" ImageUrl="/Images/WhiteSquareWithLines.png" Transformation="ScaleToFill" Width="80" Height="80" />
        <ow:Image runat="server" ImageUrl="/Images/WhiteSquareWithLines.png" Transformation="ScaleToFit" Width="300" Height="300" />  
    </div>

     <div>
        <h2>Empty ImageUrl, HideIfEmpty = true</h2>
        <ow:Image runat="server" Transformation="ScaleToFill" Width="80" Height="80" HideIfEmpty="true"/>
        <h2>Empty ImageUrl, HideIfEmpty = false, using FallbackImageUrl</h2>
        <ow:Image runat="server" Transformation="ScaleToFill" FallbackImageUrl="/Images/local.jpg" Width="80" Height="80"/>
        <h2>Invalid ImageUrl, using FallbackImageUrl</h2>
        <ow:Image runat="server" ImageUrl="dupa" Transformation="ScaleToFill" FallbackImageUrl="/Images/local.jpg" Width="80" Height="80"/>
    </div>
    
     <div>
        <h2>Expando attributes</h2>
        <ow:Image runat="server" ImageUrl="/Images/WhiteSquare.png" Transformation="ScaleToFill" Width="80" Height="80" usemap="#elomelo"/>       
    </div>
    
    <asp:ScriptManager ID="ScriptManager1" runat="server" />
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
             <div>
                <h2>Alpha48 png in update panel</h2>
                <img src="/Images/PngAlpha48.png" />
                <ow:Image runat="server" ImageUrl="/Images/PngAlpha48.png" Transformation="ScaleToFit" Width="300" Height="300" />  
                <asp:Button ID="Button1" runat="server" Text="Reload"/>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>
